<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <title>成功企业家俱乐部</title>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/member.css"/>
    <script src="js/jquery-1.7.2.js"></script>
    <script src="js/X1Common.js"></script>
    <script src="js/template.js"></script>
    <script src="js/laypage/laypage.js"></script>
    <script type="text/javascript">
        $(function() {
            $.ajax({
                url: "/hxclub/vipUser/pageList.do",
                async: false,
                type: "get",
                dataType: "json",
                data: {"levelname": 1 /*"keywords": 3,*/, "pageNo": 1, "pageSize": 1},
                success: function (data) {
                    console.info(data)
                    var $varietyContent = $('#lishi1'), varietyHtml = template('lishis1', data);
                    $varietyContent.html(varietyHtml);
                }
            });
            $.ajax({
                url: "/hxclub/vipUser/pageList.do",
                async: false,
                type: "get",
                dataType: "json",
                data: {"levelname": 2 /*"keywords": 3,*/, "pageNo": 1, "pageSize": 1},
                success: function (data) {
                    console.info(data)
                    var $varietyContent = $('#lishi2'), varietyHtml = template('lishis2', data);
                    $varietyContent.html(varietyHtml);

                }
            });
            $.ajax({
                url: "/hxclub/vipUser/pageList.do",
                async: false,
                type: "get",
                dataType: "json",
                data: {"levelname": 3 /*"keywords": 3,*/, "pageNo": 1, "pageSize": 3},
                success: function (data) {
                    console.info(data)
                    var $varietyContent = $('#lishi3'), varietyHtml = template('lishis3', data);
                    $varietyContent.html(varietyHtml);

                }
            });
            $.ajax({
                url: "/hxclub/vipUser/pageList.do",
                async: false,
                type: "get",
                dataType: "json",
                data: {"levelname": 4 /*"keywords": 3,*/, "pageNo": 1, "pageSize": 2},
                success: function (data) {
                    console.info(data)
                    var $varietyContent = $('#lishi4'), varietyHtml = template('lishis4', data);
                    $varietyContent.html(varietyHtml);

                }
            });

            var pageCount = 1;
            var pageSize = 12;

            getdata(pageCount, pageSize);
            showdata(pageCount, pageSize);

            // 获取后台数据
            function getdata(pageNo, pageSize){
                $.ajax({
                    url: '/hxclub/vipUser/pageList.do', async:false,
                    data:{
                        levelname:5,
                        pageNo : pageNo,
                        pageSize: pageSize
                    },
                    type:'POST',
                    dataType:"json", success:function(json){
                        var XHtml= template('lishis5', json);
                        $('#lishi5').html(XHtml);

                        pageCount = json.data.pageCount;
                    }
                })
            }

            // 数据展示
            function showdata(pages, pageSize) {
                //调用分页
                laypage({
                    cont: 'biuuu_city',
                    pages: pages,
                    jump: function(obj){
                        getdata(obj.curr, pageSize)
                    }
                })
            }
        })

    </script>
</head>
<body id="xPageSH" style="display: none;">
<!--填充头部部分做准备-->
<div class="head" id="head">

</div>
<!--<div style="display: inline-block; margin: 0 auto;   text-align:center; width: 100%;border: 1px red solid">
<p style="background-color: red;display:inline;">2015-2-16</p>-->
</div>
<div class="zDirector-member">
    <div class="nav clearFix">
        <i></i>
        <p>理事成员</p>
        <a href="javascript:;"></a>
    </div>
    <ul class="content-ul clearFix">
        <li id="lishi1">

            <script  id="lishis1" type="text/html">
                {{each data.result as value i}}
                <h2>理事会主席</h2>
            <a href="gIntroduce.html?id={{value.id}}">
                <img src="{{value.headImg}}" alt="图片"/>
                <p class="p1">{{value.name}}</p>
                {{if value.job.length>12}}
                <P class="p2">{{value.job.split(' ')[0].substring(0,12)}}...</P>
                {{else }}
                <P class="p2">{{value.job.split(' ')[0]}}</P>
                {{/if}}
            </a>
                {{/each}}
            </script>
        </li>
        <li class="li2" id="lishi2">
            <script  id="lishis2" type="text/html">
                {{each data.result as value i}}
            <h2>理事会荣誉理事长</h2>
                <a href="gIntroduce.html?id={{value.id}}">
                    <img src="{{value.headImg}}" alt="图片"/>
                <p class="p1">{{value.name}}</p>
                    {{if value.job.length>12}}
                    <P class="p2">{{value.job.split(' ')[0].substring(0,12)}}...</P>
                    {{else }}
                    <P class="p2">{{value.job.split(' ')[0]}}</P>
                    {{/if}}
            </a>
                {{/each}}
            </script>
        </li>
    </ul>
    <div class="content-D1 clearFix">
        <h2>理事会特别顾问</h2>
        <ul id="lishi3">
            <script  id="lishis3" type="text/html">
                {{each data.result as value i}}
            <li>
                <a href="gIntroduce.html?id={{value.id}}">
                    <img src="{{value.headImg}}" alt="图片"/>
                    <p class="p1">{{value.name}}</p>
                    {{if value.job.length>12}}
                    <P class="p2">{{value.job.split(' ')[0].substring(0,12)}}...</P>
                    {{else }}
                    <P class="p2">{{value.job.split(' ')[0]}}</P>
                    {{/if}}
                </a>
            </li>
                {{/each}}
            </script>

        </ul>
    </div>
</div>
<div class="zDirector-member">
    <h2 class="l_title">理事会理事长、副理事长、执行理事</h2>
    <ul class="content-ul clearFix" id="lishi4">
        <script  id="lishis4" type="text/html">
            {{each data.result as value i}}
        <li>
            <a href="gIntroduce.html?id={{value.id}}">
                <img src="{{value.headImg}}" alt="图片"/>
                <p class="p1">{{value.name}}</p>
                {{if value.job.length>12}}
                <P class="p2">{{value.job.split(' ')[0].substring(0,12)}}...</P>
                {{else }}
                <P class="p2">{{value.job.split(' ')[0]}}</P>
                {{/if}}
            </a>
        </li>
            {{/each}}
        </script>

    </ul>
    <div class="content-D1 clearFix">
        <h2>理事</h2>
        <ul id="lishi5" style="margin-top: -0.07rem">
            <script  id="lishis5" type="text/html">
                {{each data.result as value i}}
            <li style="margin-top: 0.07rem">
                <a href="gIntroduce.html?id={{value.id}}">
                    <img src="{{value.headImg}}" alt="图片"/>
                    <p class="p1">{{value.name}}</p>
                    {{if value.job.length>12}}
                    <P class="p2">{{value.job.split(' ')[0].substring(0,12)}}...</P>
                    {{else }}
                    <P class="p2">{{value.job.split(' ')[0]}}</P>
                    {{/if}}
                </a>
            </li>
                {{/each}}
            </script>
        </ul>
    </div>
    <div class="X1ListPage1">
        <div class="X1auto" id="biuuu_city"></div>
    </div>
</div>
</div>
<!--填充底部导航使用-->
<div id="footer">

</div>
<!--添加页面头部部分-->
<script>
    $.ajax({
        url:"l_heade.html",
        async:false,
        success:function(html){
            $("#head").append(html);
        }
    })
</script>
<!--添加页面底部导航-->
<script>
    $.ajax({
        url:"l_footer.html",
        async:false,
        success:function(html){
            $("#footer").append(html);
        }
    })
</script>
</body>
</html>